body{
    font-size: 14px;
}
/* 头部 */
.box{
    width: 6.4rem;
    margin: 0 auto;
}
.header{
    display: flex;
    height: 44px;
    padding: 0 15px;
    background-color: #bc243b;
    align-items: center;
}
.header>a.left{
    margin-right: 15px;
    color: white;
    align-items: center;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.header>a.left>img{
    width: .4rem;
    height: .4rem;
    -webkit-transform: rotate(360deg);

    animation: rotation 3s linear infinite;

    -moz-animation: rotation 3s linear infinite;

    -webkit-animation: rotation 3s linear infinite;

    -o-animation: rotation 3s linear infinite;
}
.header>a.mid{
    flex: 1;
}
.header>a>input{
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    border-radius: 8px;
    border: none;
}
.header>a.right{
    margin-left: 15px;
    color: white;
}
/* banner区域样式 */
.banner{
    overflow: hidden;
    position: relative;
    height: 2.2rem;
    width: 6.4rem;
    background-color: #666;
}
.inner{
    position: relative;
    width: 9999px;
    left: 0;
    right: 0;
}
.innerwrapter{
    width: 6.4rem;
    float: left;
}
.innerwrapter img{
    width: 100%;
    height: 2.2rem;
}
/* 内容样式 */
.content{
    display: flex;
    padding-top: 0.1rem;
    flex-wrap: wrap;
    background-color: #fff;
    margin-top: .2rem;
    box-shadow: 0px 5px 5px #888888;
}
.content div.curr{
    color: #bc243b;
}
.content div{
    display: flex;
    width: 25%;
    height: 1.2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content div a>img{
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    margin-bottom: 0.07rem;
}
/*中间左样式*/
div.left>.dh>a:hover{
    color: #f00;  
     
}
div.left>.dh{
    font-size: .2rem;
    margin-top: 10px;
}
div.left>.d1{
    margin-top: 10px;
    box-shadow: -1px -1px 5px #bebcbc ;
    border-radius:25px;
}
div.left>.d1>.hd{
    padding: 20px 20px 0 20px;
    font: 0.2rem Microsoft yahei;
}
div.left>.d1>.bd{
    padding: 15px 20px 20px 20px;
    font: 0.15rem Microsoft yahei;
}
div.left>.d2{
    margin-top: 10px;
    box-shadow: -1px -1px 5px #bebcbc ;
    border-radius:25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
div.left>.d2>.hd>img{
    width: 1rem;
    margin-left: -2.8rem;
    margin-top: .2rem;
}
div.left>.d2>.bd{
    padding: 0px 20px 20px 20px;
    font: 0.15rem Microsoft yahei;
    width: 4rem;
    margin-left: 1.3rem;
}
div.left>.d2>.hhd{
    padding: 20px 0 20px 20px;
    font-size: 0.15rem;
    margin-top: -1.2rem;
}
/*底部菜单*/
footer{
    background-color: #000;

}
footer>.container{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

footer>.container>span{
    padding-top:10px ;
}
